Getting started > Create initial version

 
 


CREATE INITIAL VERSION

Now, we will start having fun and create simple but cool menu.

Before you even start to create the menu you need to setup your project:

Start the Web Menu Builder



Create new empty project by selecting New file option in the intial dialog

In Web Menu Builder, every menu system you create is stored in a project file. The project files are found under the .wmb extension.

Name your project by entering Project File Name

You can click on Browse button to specify the folder and preferred project name.

Click OK to proceed



The new project consists of ROOT container only and all properties are set to the default style.

The first step in setting up your project is to launch the Project Options dialog. The project options must be filled in order to be able to compile a menu's project.
Access Project Options dialog by click on the Options icon on the toolbar

Options dialog is where you setup the location of your web and the files Web Menu Builder needs to make the menus implementation.

Change default values if needed



Note: When setting up the Project Options avoid typing the paths manually, instead, use the browse buttons provided in the dialog.

Project is made of menus and each menu is made of containers that contain items and separators. The project, being the most general item controls aspects of the menus related to the way they will work on your web site. The container, being a group, controls the background color, images and border of the menus and the items, being the most particular item of the structure control the color and font type used by your menu options.

Before you begin to create containers and items of your menu you should specify menu attributes that apply for the menu as a whole.

This is where you deal with issues like the following:
  •  Should the menu be Horizontal or Vertical?
  •  Should the user be able to relocate it?
  •  When, where and how should the submenus open?
Set specified parameters to make your menu look the way you want



Now this is the fun part! You will embody your menu idea by adding containers and items.

In order to create items, you will need to have at least one group in your project. The main group that Web Menu Builder creates for you named ROOT. You are able to add items and separators to it and this will complete the creation of a menu. Each item represents an option in your menu.


To add an item:
Focus the container or the ROOT on the menu tree

Select the Elements menu and then click on Add or simply click on Add icon from the toolbar

Select an item and change its Item Text attribute




Containers, under Web Menu Builder are just normal groups, so to create the containers we'll follow the exact same steps.

To add a container:
Focus the item in the menu tree

Select the Elements menu and then click on Add or simply click on Add icon from the toolbar




Now, let's create the groups and items of your menu project!